.doccontainer {
    height: 100%;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
      background-color: var(--el-bg-color-page);
    color: var(--merak-text-color);
    font-size: var(--merak-text-size);
    .title { 
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: var(--merak-space);
      padding: 10px 20px;
      background-color: var(--el-bg-color);
    
    
    }
.title-text{
    display: flex;
    align-items: center;
    .icon_tip{
        font-size: 20px;
        color: var(--el-color-primary);
        margin-right: 10px;
        padding-top: 5px;
    }
    .el-dropdown-link{
        font-size: 16px;
        display: flex;
        align-items: center;
        cursor: pointer;
        .el-icon--right{
            margin-left: 10px;
            font-size: 14px;
            color: #A0A3A9;
        }
    }
}
    .el-scrollbar {
      height: calc(100% - 28px);
      .el-button.is-link {
        padding: 0;
        min-width: auto;
      }
    }
  }
  .remark {
    color: #cfd3dc;
    font-size: 12px;
    &.orange {
      color: orange;
    }
  }

 :deep(.dropdown_documeent .activeClass.el-dropdown-menu__item){
    background-color: var(--el-color-primary-light-9);
    color: var(--el-color-primary);
  }

  .empty{
    height: calc(100vh - 150px);
    background-color: #fff;
    >div{
      padding: 100px 40px 0;text-align:center;
    }
  }